<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>RRZX</title>

    <link rel="stylesheet" href="static/css/owl.carousel.min.css">
    <link rel="stylesheet" href="static/css/bootstrap.min.css">
    <link rel="stylesheet" href="static/css/fontawesome.min.css">
    <link rel="stylesheet" href="static/css/theme_style.css">
    <link rel="stylesheet" href="static/css/reboot_media.css">
    <link rel="stylesheet" href="static/css/reboot_style.css">
</head>

<body>
    <a id="button"></a>

    <div id="js-preloader" class="js-preloader">
        <div class="preloader-inner">
            <span class="dot"></span>
            <div class="dots">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </div>

    <header id="sticky-header">
        <div class="header-area">
            <div class="container-fluid">
                <div class="main-wrapper">
                    <nav class="navbar">
                        <div class="logo-and-icon">
                            <!--##########################-->
                            <a href="#" class="navbar-brand"><img src="images/047.png" alt="LOGO"></a>
                            <button type="button" class="navbar-toggler" data-toggle="collapse">
                                <img src="static/picture/menu.png" alt="">
                            </button>
                        </div>
                        <div class="navbar-collapse">
                            <ul class="navbar-nav">
                                <li><a href="rrzx.html">首页</a></li>
                                <li><a href="index.html">在线教育分析平台</a></li>
                                <li><a href="student.html">学生平台可视化</a></li>
                                <li><a href="new.html">课堂平台可视化</a> </li>
                                <li><a href="student-tree.html">学生查询</a></li>
                                <li><a href="tree.html">课程查询</a></li>
                            </ul>
                        </div>
                        
                    </nav>
                </div>
            </div>
        </div>
    </header>

    <div class="main-slider-area">
        <div class="row">
            <div class="col-lg-12">
                <div class="slider-area">
                    <div class="slider owl-carousel owl-loaded owl-drag">
                        <div class="owl-stage-outer">
                            <div class="owl-stage">
                                <div class="owl-item">
                                    <div class="single_slider d-flex align-items-center">
                                        <img src="images/051.jpg" alt="">
                                        <div class="slider-content">
                                            <h1>Welcome To<br>Big Data<br>Platform</h1>
                                            <button class="btn">
                                                <li><a href="index.html">Get Started Now</a></li>
                                            </button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <section>
        <div class="features-area" id="features">
            <div class="container">
                <div class="section-title">
                    <h2> 我    们    的    优    点 </h2>
                </div>
                <div class="row">
                    <div class="col-lg-4">
                        <div class="features-cms">
                            <div class="features-thumbnil">
                                <a href="#"><img src="static/picture/01.png" alt=""></a>
                            </div>
                            <div class="features-text">
                                <h3>个性化学习</h3>
                                <p>学生根据自己的实际需求、知识背景、个人喜好、学习风格等
                                    因素来选择自己的学习内容，增强学习的针对性，提高学习效率</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="features-cms">
                            <div class="features-thumbnil">
                                <a href="#"><img src="static/picture/02.png" alt=""></a>
                            </div>
                            <div class="features-text">
                                <h3>重复学习</h3>
                                <p>RRZX在线教育平台通过数据可视化可以让学生查漏补缺，
                                    反复学习，重听或者重学部分学习内容，从而更好地掌握
                                    所要学习的内容，避免学过就忘的问题，巩固学习效果</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="features-cms">
                            <div class="features-thumbnil">
                                <a href="#"><img src="static/picture/03.png" alt=""></a>
                            </div>
                            <div class="features-text">
                                <h3>互动性强</h3>
                                <p>通过互联网，教师和学生，学生与学生之间的交流机会和范围得到扩大，
                                    有助于提高教学质量和效果。同时教师可以清楚的看到学生的学习情况，
                                    更加便于教师管理</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="features-cms">
                            <div class="features-thumbnil">
                                <a href="#"><img src="static/picture/04.png" alt=""></a>
                            </div>
                            <div class="features-text">
                                <h3>结果清晰</h3>
                                <p>RRZX在线教育平台可以通过算法将每个班级的学习时间，
                                    学习效率等以表格的形式呈现出来，结果更加清晰明了，
                                    便于班主任对比前后数据从而更好的管理。
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="features-cms">
                            <div class="features-thumbnil">
                                <a href="#"><img src="static/picture/05.png" alt=""></a>
                            </div>
                            <div class="features-text">
                                <h3>创新传统</h3>
                                <p>大数据平台是数字化转型的重要一步，实现了教学
                                    内容的创新和教学方式的改革，数字化强大的韧性
                                    和广阔的发展前景，不仅保障了教育的连续性，更
                                    为个性化学习和终身教育供了可能
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="features-cms">
                            <div class="features-thumbnil">
                                <a href="#"><img src="static/picture/06.png" alt=""></a>
                            </div>
                            <div class="features-text">
                                <h3>化繁为简</h3>
                                <p>数据量是庞大而繁琐的，但是RRZX在线教育平台通过python
                                    处理数据，使用echarts将数据可视化，是繁琐难懂的数据
                                    有了实感，让其清晰明了，保障了教育。让教育也能往前发
                                    展一步。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="service-area" id="services">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="service-bg">
                            <img src="images/52.jpg" class="img-fluid" alt="">
                        </div>
                    </div>
                    <div class="col-lg-12">
                        <div class="service-description">
                            <h2>Best Big Data Analysis <br> Easy to slove Your solution</h2>
                            <div class="form-area">
                                <form action="#">
                                    <input type="text" placeholder="">
                                    <button class="btn" type="submit">Notify Me</button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="conunter-area">
            <div class="container">
                <div class="section-title">
                    <h2>处理数据超百万<br> Succesful visualization</h2>
                </div>
                <div class="row">
                    <div class="col-lg-4">
                        <div class="counter-text">
                            <h2 class="count">3159000</h2>
                            <p>Data processing</p>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="counter-text">
                            <h2 class="count">28</h2>
                            <p>Visualization table</p>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="counter-text">
                            <h2 class="count">100000000000</h2>
                            <p>Numbers of users</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="about-area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">
                        <img src="static/picture/about_bg.png" class="img-fluid" alt="">
                    </div>
                    <div class="col-lg-6">
                        <div class="about-description">
                            <h5>为什么选择我们RRZX在线教育平台?</h5>
                            <h2>你可以享受到<br>
                                精准有效的教育服务</h2>
                            <p>我们通过将平台数据整理分析可视化，为讲师供课程质量反馈信息以升教学效果；
                                帮助班主任实时掌握班级学生学习情况并进行预警，及时调整教学策略，定制个性化学习方案</p>
                            <button class="btn" type="submit">Read More</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section>
        <div class="pricing-area" id="pricing">
            <div class="container">
                <div class="section-title">
                    <h2>三        大       功       能</h2>
                </div>
                <div class="row">
                    <div class="col-lg-4">
                        <div class="pricing-table">
                            <span><img src="static/picture/011.png" alt=""></span>
                            <h4>课程质量反馈信息</h4>
                            <ul>
                                <li><a>课程效果评估</a></li>
                                <li><a>用户行为分析</a></li>
                                <li><a>课程预警提示</a></li>
                                <li><a>课程简介</a></li>
                                <li><a>课程资源分布</a></li>
                            </ul>
                            <button class="btn" type="submit"><a href="new.html">进入</a></button>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="pricing-table">
                            <span><img src="static/picture/021.png" alt=""></span>
                            <h4>班级学生学习情况</h4>
                            <ul>
                                <li><a>用户行为分析</a></li>
                                <li><a>学生预警提示</a></li>
                                <li><a>个性化学习路径</a></li>
                                <li><a>学生学情概况</a></li>
                                <li><a>学生成绩走向</a></li>
                            </ul>
                            <button class="btn" type="submit"><a href="student.html">进入</a></button>
                        </div>
                    </div>
                    <div class="col-lg-4">
                        <div class="pricing-table">
                            <span><img src="static/picture/031.png" alt=""></span>
                            <h4>线上课程使用情况</h4>
                            <ul>
                                <li><a>教学视频质量分析</a></li>
                                <li><a>资源优化配置</a></li>
                                <li><a>课程基本信息</a></li>
                                <li><a>课程状态占比</a></li>
                                <li><a>学习成果预测</a></li>
                            </ul>
                            <button class="btn" type="submit"><a href="tree.html">进入</a></button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section>
        <div class="app-area">
            <div class="container">
                <div class="row">
                    <div class="col-lg-6">

                        <div class="app-description">
                            <h2>快<br> filepath<br>index.html</h2>
                            
                            <div class="app-thumb">
                                <div class="play-file">
                                    <a href=""><img src="static/picture/google_app.png" alt=""></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <img src="images/002.jpg" class="img-fluid" alt="">
                    </div>
                </div>

            </div>

        </div>
    </section>

    </footer>
    <!-- jquery.js -->
    <script src="static/js/jquery-3.6.0.js"></script>
    <!-- popper.min.js -->
    <script src="static/js/popper.min.js"></script>
    <!-- bootstrap.min.js -->
    <script src="static/js/bootstrap.min.js"></script>
    <!-- owl.carousel.min.js -->
    <script src="static/js/owl.carousel.min.js"></script>
    <!-- fontawesome.min.js -->
    <script src="static/js/fontawesome.min.js"></script>
    <!-- script.js (use responsive nav) -->
    <script src="static/js/script.js"></script>
    <!-- all script use -->
    <script src="static/js/custom.js"></script>
</body>

</html>